<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/5.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	</head>
	<body>
		<header class="w">
			<div class="head clearfix">
				<div class="fl logo"><img src="./img/oshin-black-logo.png" alt=""></div>
				<div class="fl nav">
					<ul>
						<li class="fl"><a href="">Home</a></li>
						<li class="fl"><a href="">Pages</a></li>
						<li class="fl"><a href="">Portfolio</a></li>
						<li class="fl"><a href="">SINGLE PORTFOLIO</a></li>
						<li class="fl"><a href="">Headers</a></li>
						<li class="fl"><a href="">Journal</a></li>
						<li class="fl"><a href="">Shop</a></li>
						<li class="fl"><a href="">Shortcodes</a></li>
					</ul>
				</div>
				<div class=" fl tubiao">
						<span class="fl fa fa-search"></span>
						<span class="fl fa fa-bars"></span>
						<span class="fl fa fa-lock"></span>
				</div>
			<div>
			<div class="mark">
				<p><a href="">MAKING THE WEB</a></p>
				<p><a href="">STYLISH</a></p>
				<p><a href="">The  Best  Or  Nothing</a></p>
			</div> 
		</header>
		<div class="main w">
			<div class="mainer">
				<div><p>WE ARE OSHINE</p></div>
				<p>A beautiful responsive multi-purpose wordpress theme</p>
				<div class="box"></div>
				<p class="with">Oshine comes with 12 unique and stunning demos. We have crafted each and every demo 
				with extensive care and precision and the theme is power packed yet easy to use.</p>
			</div>
			<div><img src="./img/oshin-mockups-1024x377.png" ></div>
			<div class="ficon">
				<div class="fl icon"><span class="fa fa-weixin"></span><a href="">12 DEMOS</a></div>
				<div class="fl icon"><span class="fa fa-weibo"></span><a href="">POWERFUL OPTIONS</a></div>
				<div class="fl icon"><span class="fa fa-qq"></span><a href="">PACE BUILDER</a></div>
				<div class="fl icon"><span class="fa fa-weixin"></span><a href="">UNLIMITED PORTFOLIO</a></div>
			</div>
		</div>
		<div class="banner w clearfix"> 
			<div class="fl ban">
				<div class="mod">
					<h4><span class="fl fa fa-lightbulb-o fa-spin" style="color:#e3ac55;"></span>
					MODERN DESIGN</h4>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="mod">
					<h4><span class="fl fa fa-lightbulb-o fa-spin" style="color:#e3ac55;"></span>
					SUPER  CUSTOMIZABLE</h4>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="mod">
					<h4><span class="fl fa fa-lightbulb-o fa-spin" style="color:#e3ac55;"></span>
					UNIQUE LAYOUT</h4>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.
					</p>
				</div>
			</div>
			<div class="fr bans">
				<div class="mod">
					<span class="fl fa fa-spinner fa-spin" style="color:#e3ac55;"></span>
					<h4>AJAX TRANSITIONS</h4>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="mod">
					<span class="fl fa fa-spinner fa-spin" style="color:#e3ac55;"></span>
					<h4>WOO COMMERCE</h4>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="mod">
					<span class="fl fa fa-spinner fa-spin" style="color:#e3ac55;"></span>
					<h4>40+ MODULES</h4>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
			</div>
		</div>
		<div class="fix"></div>
		<div class="w work clearfix">
			<p>OUR WORK</p>
			<p>A beautiful responsive multi-purpose wordpress theme</p>
			<div class="box"></div>
			<ul class="clearfix">
				<li class="fl"><a href="">All</a></li>
				<li class="fl"><a href="">Brochures</a></li>
				<li class="fl"><a href="">Mobile</a></li>
				<li class="fl"><a href="">Slider</a></li>
				<li class="fl"><a href="">Videos</a></li>
				<li class="fl"><a href="">Web</a></li>
			</ul>
			<div class="fl clearfix">
				<div class="fl workimg"><img src="./img/road-product-650x385.jpg" alt=""></div>
				<div class="fl workimg"><img src="./img/s3-650x385.jpg" ></div>
				<div class="fl workimg"><img src="./img/Vinyl-Record-PSD-full-650x385.jpg" ></div>
				<div class="fl workimg"><img src="./img/poster-frame-650x385.jpg" ></div>
				<div class="fl workimg"><img src="./img/wanderlust07-650x385.jpg" ></div>
				<div class="fl workimg"><img src="./img/oshin-model-0011-650x385.jpg" ></div>
			</div>	
		</div>
		<div class="w workss">
			<div class="works">VIEW ALL WORK</div>
		</div>
		<div class="bird">
			<div class="w">
				<span class="fa fa-twitter fa-5x" style="padding-left: 594px; padding-top: 98px; color: #dfdfdf;"></span>
				<p class="">RT@<span style="color: #e6a440; font-size: 18px;">InteractiveAU</span>: Growth hacking is marketing that doesnt scale says</p>
				<p style="color: #e6a440;">https://t.co/BrrwDbR2Pn</p>
				<p>@envato</p>
			</div>
		</div>
		<div class="w clearfix our">
				<p>OUR WORK</p>
				<p>A beautiful responsive multi-purpose wordpress theme</p>
				<div class="box"></div>
				<div class="fl">
					<div class="fl"><img src="./img/Marks_2048x1536_144dpi_12_1000.jpg" ></div>
					<div class="fr"><img src="./img/Marks_2048x1536_144dpi_11_1000.jpg" ></div>
				</div>	
		</div>
		<div class="black">
			<p>GET IN TOUCH</p>
			<p>Have an idea or a project, lets collaborate and build some awesome stuff</p>
			<p><a href="">BUY NOW</a></p></div>
		</div>
		<footer class="w">
			<div class="fl oshin">
				<img src="./img/oshin-black-logo.png" >
				<p>Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. Sea summo mazim ex, ea errem eleifend definitionem vim. Detracto erroribus et mea.</p>
				<div class="facebook">
					<span class="fl fa fa-facebook"></span>
					<span class="fl fa fa-twitter"></span>
					<span class="fl fa fa-tencent-weibo"></span>
					<span class="fl fa fa-database"></span>
				</div>
			</div>
			<div class="fl oshin">
				<h4>Recent Posts</h4>
				<img src="./img/oshin-ipad-mock-50x34.jpg" class="fl" style="padding-top: 32px;">
				<p class="" style="padding-top: 33px; padding-left: 60px;">Oshine – a Creative</p>
				<p style="padding-left: 60px;">Multipurpose WordPress</p>
				<p>theme</p>		
				<p>October 10, 2014</p>
				<img src="./img/responsive-road-50x36.jpg" class="fl" style="padding-top: 38px;">
				<p style="padding-top: 39px;  padding-left: 60px;">If You Are Good At Something</p>	
				<p style="padding-left: 60px;">Don’t Do It For Free</p>
				<p style="padding-top: 12px;">October 10, 2014</p>	
			</div>
			<div class="fl oshin">
				<h4>LINKS</h4>
				<ul>
					<li><a href="">Home</a></li>
					<li><a href="">About Us</a></li>
					<li><a href="">Team</a></li>
					<li><a href="">Blog</a></li>
					<li><a href="">Contact</a></li>
				</ul>
			</div>
			<div class="fl oshin">
				<h4>From Instagram</h4>
				<div class="fl"><img src="./img/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt=""></div>
				<div class="fl"><img src="./img/8925690044e337f4d9debf2c6cd32bc3.jpg" alt=""></div>
				<div class="fl"><img src="./img/de8c453d761ac7766e88f163e9edeae8.jpg" alt=""></div>
				<div class="fl"><img src="./img/536aa2e2a7f4164e20468743ed6e2f70.jpg" alt=""></div>
				<div class="fl"><img src="./img/b77b591b7fb67676812d05cddee8237e.jpg" alt=""></div>
				<div class="fl"><img src="./img/1c3913c0bb34fc46d7f5f2a6bccb86aa.jpg" alt=""></div>
				<div class="fl"><img src="./img/96015b4ff95f287dabad214d239852cc.jpg" alt=""></div>
				<div class="fl"><img src="./img/6b01da5c35f3c0e472365147b36d9a72.jpg" alt=""></div>
				<div class="fl"><img src="./img/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt=""></div>
			</div>
		</footer>
	</body>
</html>
